<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  <script type="text/javascript">
    window.FBL = {};
    window.onload = function()
    {
        with(FBL)
        {
            var parentNode = document.getElementById("out");
            
            // --------------------------------------------------------------
            // DomPlate test goes here
            // --------------------------------------------------------------
            
            var inputObject = {
                label: "Click Me!"
            };
                        
            var template = domplate(
                {
                    tag:
                       BUTTON({"class": "green",
                              checked: "true",
                              type: "checkbox",
                              onclick: "$onButtonClick"},
                           "$object.label"
                        ),

                    onButtonClick: function(event)
                    {
                        alert("Hello World!");
                    }
                });


            template.tag.replace({object: inputObject}, parentNode, template);
            // --------------------------------------------------------------
        }    
    }    
  </script>
  <script src="../../content/firebug/domplate.js" type="text/javascript"></script>
  <style type="text/css">
    .green {
        color:green;
    }  
  </style>
  </head>
  <body>
  
  <h1 id="header">DomPlate Test</h1>
  <div id="comment"><i>This is just a test file</i><hr/></div>
  <div id="out"></div>

  </body>
</html>
